<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="en">
<head>
<title>SIMILE Timeline of Stories from NPR</title>

<link href="http://npr-simile-timeline.googlecode.com/svn/trunk/timeline.css" rel="stylesheet" type="text/css" />
<script src="http://simile.mit.edu/timeline/api/timeline-api.js" type="text/javascript"></script>
<script src="http://npr-simile-timeline.googlecode.com/svn/trunk/nprtimeline.js" type="text/javascript"></script><!-- http://npr-simile-timeline.googlecode.com/svn/trunk/ -->
<script  type="text/javascript">
function pausecomp(millis)
{
var date = new Date();
var curDate = null;

do { curDate = new Date(); }
while(curDate-date < millis);
} 

</script>

</head> <!-- onload="pausecomp(100);"  -->
<body onresize="onResize();" >

<script type="text/javascript" language="JavaScript">	
if (parent.parent.generatorFrame.document.generatorForm.timelineHeight.value == "") {
	heightString="height: " + "300" + "px\;";
} else {
	heightString="height: " + parent.parent.generatorFrame.document.generatorForm.timelineHeight.value + "px\;";
}
	
if (parent.parent.generatorFrame.document.generatorForm.timelineWidth.value == "") {
	widthString="width: 100%\""
} else {
	widthString="height: " + parent.parent.generatorFrame.document.generatorForm.timelineWidth.value + "px\;\"";
}
	
// bodyLine1 = "\<body onresize=\"onResize\(\)\;\" \>";
bodyLine2 = "\<div id=\"my-timeline\" class=\"timeline-default\" style=\"" + heightString  + widthString + "\>"
bodyLine3 = "\<script src=\""+ 'http://api.npr.org/query?'  + parent.parent.qgliteFrame.document.selectionForm.queryBox.value + "\&apiKey\=MDAxNzgwMDQ5MDEyMTQ4NzYyMjU4YmY1Yw004\&output\=JSON\&callback\=parseJSON\" type=\"text\/javascript\"\>\<\/script\>";
// bodyCode = bodyLine1 + "\r" + bodyLine2 + "\r" + bodyLine3;
bodyCode = bodyLine2 + "\r" + bodyLine3;
document.write(bodyCode);
 // alert(heightString);
// alert(widthString);
// alert(bodyCode);
</script>


<script type="text/javascript" language="JavaScript">
document.write(parent.qgliteFrame.document.selectionForm.queryBox.value );
document.write('<sc'+'ript');
document.write(' type="text/javascript"');
document.write(' language="JavaScript"');
document.write(' src="'+ parent.qgliteFrame.document.selectionForm.queryBox.value +'&apiKey=MDAxNzgwMDQ5MDEyMTQ4NzYyMjU4YmY1Yw004&output=JSON&callback=parseJSON">');
document.write('</sc'+'ript>');
</script>
    
</body>
</html>